var GoBack = React.createClass({
    getDefaultProps:function () {
        return{
            text : '返回顶部'
        }
    },
    getInitialState:function () {
      return{
          text: this.props.text
      }
    },
    render:function () {
        console.log(this.props,this)
        return(
            <div>
                <span className="go-back" onClick={this.goBack}>{this.state.text}</span>
                {/*<span className="go-back" onClick={this.props.parentGoBack}>{this.state.text}</span>*/}
            </div>
        )
    },
    goBack:function (e,id,e1) {
        // window.scrollTo(0,0);
        console.log(23);
        console.log(this);
        this.props.parentGoBack(e,id,e1);
    }
});
var Slider = React.createClass({
    //定义默认属性数据
    getDefaultProps:function () {
        return{
            text : '网址导航'
        }
    },
    //定义初始化状态数据
    getInitialState:function () {
        return{
            text: '今日头条'
        }
    },
    //渲染组件
    render:function () {
        console.log(this.state.text)

        return(
            <div className="slider">
                {/*定义GoBack组件就是子组件*/}
                {/* 传递给子组件，字符串，属性数据，状态数据，方法  */}
                <GoBack color="red" parentProps={this.props.text} parentText={this.state.text} parentGoBack={this.parentGoBack}/>
            </div>
        )
    },
    //定义方法
    parentGoBack :function () {
      console.log('parent Event',this,arguments)
    },
    //绑定滚动事件
    componentDidMount:function () {
        window.onscroll=function () {
            //大于200显示返回顶部
            if(window.scrollY>=300){
                //更新状态
                this.setState({text : '返回顶部'})
            }else {
                this.setState({text : '网址导航'})
            }
        }.bind(this)
    }
    
    
});
ReactDOM.render(<Slider/>,app);